<template>
    <div>
      <a-menu v-model="current" mode="horizontal">
        <a-menu-item key="mail"> <a-icon type="home" />首页</a-menu-item>
        <a-menu-item key="app"> <a-icon type="appstore" />分类</a-menu-item>
        <a-sub-menu>
          <span slot="title" class="submenu-title-wrapper"
            ><a-icon type="setting" />下拉菜单</span
          >
          <a-menu-item-group title="分组一">
            <a-menu-item key="setting:1">
              选项1
            </a-menu-item>
            <a-menu-item key="setting:2">
              选项2
            </a-menu-item>
          </a-menu-item-group>
          <a-menu-item-group title="分组二">
            <a-menu-item key="setting:3">
              选项3
            </a-menu-item>
            <a-menu-item key="setting:4">
              选项4
            </a-menu-item>
          </a-menu-item-group>
        </a-sub-menu>
        <a-menu-item key="alipay">
          <a href="#" target="_blank" rel="noopener noreferrer"
            >链接按钮</a
          >
        </a-menu-item>
      </a-menu>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        current: ['mail'],
      };
    },
  };
  </script>
  